<template>
  <div class="about">
    <div class="head">
        <div class="top">
                <div @click="fanhui()">
                    <img src="../../assets/imageZhaoPin/返回白@2x.png" alt="">
                    <span>返回</span>
                </div>
                <div>
                    <span>求职详情</span>
                </div>
                <div style="width:42px;">
                </div>
        </div>
    </div>
    <div class="main">
        <div class="maintext">
               <div class="choes">
                <van-field v-model="value" placeholder="" label="姓名" input-align="right" class="inp" readonly/>
            </div>
            <div class="xian"></div>
            <div class="choes">
                <van-field v-model="radio" placeholder="" label="性别" input-align="right" class="inp" readonly/>
            </div>
            <div class="xian"></div>
            <!-- <div class="sa1 clear">
            <span >性别</span>
           <van-radio-group v-model="radio" class="aa" direction="horizontal" disabled>
            <van-radio name="1" class="van" >男</van-radio>
            <van-radio name="2" class="van" >女</van-radio>
        </van-radio-group>
        </div>
        <div class="xian"></div> -->

        <div class="choes">
                <van-field v-model="value1" placeholder="" label="年龄" input-align="right" class="inp" readonly/>
            </div>
            <div class="xian"></div>
            <div class="choes">
                <van-field v-model="radio1" placeholder="" label="学历" input-align="right" class="inp" readonly/>
            </div>
            <div class="xian"></div>
            <!-- <div class="sa1 clear">
            <span >学历</span>
           <van-radio-group v-model="radio1" class="aa" direction="horizontal" disabled>
            <van-radio name="1" class="van" >本科</van-radio>
            <van-radio name="2" class="van" >大专</van-radio>
            <van-radio name="3" class="van" >高中</van-radio>
            <van-radio name="4" class="van" >其他</van-radio>
        </van-radio-group>
        </div>
        <div class="xian"></div> -->
        <div class="choes">
                <van-field v-model="value2" placeholder="" label="联系电话" input-align="right" class="inp" readonly/>
            </div>
            <div class="xian"></div>
            <div class="sa1 clear">
            <span style="width:110px;">联系地址</span>
            <div class="left" @click="show1=true">
                {{main}}
            </div>

        </div>
        <div class="xian"></div>
         <div class="choes">
                <van-field v-model="value3" placeholder="" label="详细地址" input-align="right" class="inp" readonly/>
            </div>
            <div class="xian"></div>
            <div class="choes">
                <van-field v-model="value4" placeholder="" label="应聘岗位" input-align="right" class="inp" readonly/>
            </div>
            <div class="xian"></div>
            <div class="sa1 clear">
            <span style="width:110px;">期望地址</span>
            <div class="left" @click="show2=true">
                {{main1}}
            </div>

        </div>
        <div class="xian"></div>
        <div class="choes">
                <van-field v-model="value5" placeholder="" label="工作年限" input-align="right" class="inp" readonly/>
            </div>
            <div class="xian"></div>
            <div class="sa clear">
            <span >工资待遇</span>
            <div class="xx clear">
                <span v-if="va1==undefined">不限</span>
                <span v-else-if="va2==undefined">不限</span>
                <span v-else>{{va1/1000}}k-{{va2/1000}}k</span>
            </div>
        </div>
        <div class="xian"></div>
        <div class="sa clear">
            <span>能力描述</span>
          <div class="xx clear">
            <span class="contentmore">{{xox}}</span>
          </div>
<!--           <textarea placeholder="无" v-model="xox" readonly></textarea>-->
        </div>
        <div class="xian"></div>
        <div class="sa clear">
            <span>个人介绍</span>
          <div class="xx clear">
            <span class="contentmore">{{xox1}}</span>
          </div>
        </div>
        <div class="xian"></div>
        </div>
    </div>
  </div>
</template>

<script>
import AeraInfo from '../../assets/UseJS/area.js'
import {listServiceRecord} from '../../apiZhaoPin/api'

export default {
  data () {
    return {
      value: '',
      value1: '',
      value2: '',
      value3: '',
      value4: '',
      value5: '',
      radio: '',
      radio1: '',
      show1: false,
      show2: false,
      areaList: AeraInfo,
      arrArea: [],
      main: '选择地区',
      main1: '选择地区',
      xox: '',
      xox1: '',
      va1: '',
      va2: '',
      va: true
    }
  },
  watch: {

  },
  methods: {
    fanhui () {
      this.$router.go(-1)
    },
    aa () {
      var id = this.$route.query.id
      console.log(id)
      listServiceRecord({
        EMPLOYEE_ID: id
      }).then(res => {
        console.log(res.SALARY1)
        this.radio = res.SEX
        this.radio1 = res.STATUS
        this.value = res.NAME
        this.value1 = res.AGE + '岁'
        this.value2 = res.PHONE
        this.main = res.PROVINCE + res.CITY + res.DISTRICT
        this.value3 = res.ADDRESS
        this.value4 = res.POSITION
        this.main1 = res.WORK_ADDRESS
        this.value5 = res.YEARS + '年'
        this.va1 = res.SALARY1
        this.va2 = res.SALARY2
        this.xox = res.SKILL
        this.xox1 = res.INTRODUCE
        if (res.SEX == 1) {
          this.radio = '男'
        } else {
          this.radio = '女'
        }
        if (res.EDUCATION == 1) {
          this.radio1 = '本科'
        } else if (res.EDUCATION == 2) {
          this.radio1 = '大专'
        } else if (res.EDUCATION == 3) {
          this.radio1 = '高中'
        } else if (res.EDUCATION == 4) {
          this.radio1 = '其他'
        }
        console.log(this.va1)
        console.log(this.va2)
        //   if(this.va1==NaN){
        //       this.va=true
        //   }else if(this.va2==NaN){
        //       this.va=true
        //   }else{
        //       this.va=false
        //   }
      })
    }

  },
  mounted () {
    window.scrollTo(0, 0)
    document.body.style.backgroundColor = '#FAF9FE'
  },
  created () {
    this.aa()
    document.title = '求职详情'
  }
}
</script>
<style scoped>
.clear:after {
  content: "";
  display: block;
  clear: both;
}
.clear {
  zoom: 1;
  min-height: 50px;
}
.about{
    position: relative;
}
.head{
    width: 100%;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: bold;
    background: linear-gradient(90deg, #1DA3F1 0%, #1DC7F1 100%);
    color:#fff;
    position: fixed;
    z-index: 5;
    top: 0px;
}
.top{
    width: 92%;
    height: 44px;
    margin: 0px auto;
    display: flex;
     justify-content:space-between;
     align-items:center;
}
.top img{
    width: 7px;
    height: 13px;
    margin-right: 5px;
    margin-top: 5px;
}
.main{
    background-color: #fff;
    margin-top: 44px;
}
.inp{
    font-size: 15px;
}
/deep/ .van-field__label{
  color:#333 !important;
}
/deep/ .van-field__label span{
    font-weight: 500;
    color:#333 !important;
}
/deep/ .van-cell{
    padding-left: 14px;
    padding-right: 14px;
}
/deep/ .van-field__control{
  font-weight: 500;
  color:#333;
}
.xian{
    width: 92%;
    margin: 0px auto;
    border-bottom: 1.5px solid #ebedf0;
    padding-bottom: 1px;
}
.sa1{
    width: 92%;
    margin: 0px auto;
    font-size: 15px;
}
.sa1 span{
    width: 120px;
    float: left;
    font-weight: 500;
    color:#333;
    margin-top: 13px;

}
.aa{
    margin-bottom: 13px;
    display: flex;
    flex-wrap:wrap;

}
.van{
    margin-right: 53.5px;
    margin-top: 13px;

}
.choes span{
    font-size: 15px;
    float: left;
}
.left{
    height: 44px;
    display: flex;
    align-items:center;
    float: right;
    color:#333;
}
.left img{
    width: 13px;
    height: 7px;
    margin-left: 15px;
}
.left strong{
    font-weight: normal;
    color: #999;
}
.sa{
    width: 92%;
    margin: 0px auto;
    display: flex;
     align-items:center;

}
.sa span{
    font-size: 15px;
    float: left;
    font-weight: 500;
    color:#333;
    width: 150px;
}
.sa .xin{
    float: left;
    position: relative;
}
.sa .xin input{
    float: left;
    width: 75px;
    height: 29px;
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    background: #FAF9FE;

}

textarea{
    height:100px;
    margin-top:15px;
    margin-bottom:15px;
    width:90vw;
    line-height: 20px;
    font-size:15px;
    border: 0px solid #E5E5E5;
    display: flex;
    align-items:center;
    color:#999;
}
.xx span{
    margin-top: 15px;
    margin-bottom: 15px;
    float: right;
    text-align: right;
    width: 260px;
    color:#333;
    font-weight: 500;
  color: #333;
  font-weight: 500;
  display: flex;
  flex-direction: row-reverse;

}
.contentmore{
  text-align: left !important;
}
>>> .bb .van-radio__icon--disabled .van-icon{
background-color: #1989fa;
    border-color: #1989fa;
    color: #fff;
}

</style>
